const path = require('path')
const webpack = require('webpack')

function resolve (dir) {
  return path.join(__dirname, dir)
}


module.exports = {
    chainWebpack: (config) => {
        config.resolve.alias
          .set('@$', resolve('src'))
          .set('@api', resolve('src/api'))
          .set('@assets', resolve('src/assets'))
          .set('@comp', resolve('src/components'))
          .set('@views', resolve('src/views'))
          .set('@layout', resolve('src/layout'))
          .set('@static', resolve('src/static'))
    
        // const svgRule = config.module.rule('svg')
        // svgRule.uses.clear()
        // svgRule
        //   .oneOf('inline')
        //   .resourceQuery(/inline/)
        //   .use('vue-svg-icon-loader')
        //   .loader('vue-svg-icon-loader')
        //   .end()
        //   .end()
        //   .oneOf('external')
        //   .use('file-loader')
        //   .loader('file-loader')
        //   .options({
        //     name: 'assets/[name].[hash:8].[ext]'
        //   })
        /* svgRule.oneOf('inline')
          .resourceQuery(/inline/)
          .use('vue-svg-loader')
          .loader('vue-svg-loader')
          .end()
          .end()
          .oneOf('external')
          .use('file-loader')
          .loader('file-loader')
          .options({
            name: 'assets/[name].[hash:8].[ext]'
          })
        */
    },
    css: {
        loaderOptions: {
            less: {
                modifyVars: {
                    // 'primary-color': '#1DA57A',
                    // 'link-color': '#1DA57A',
                    // 'border-radius-base': '2px',
                },
                javascriptEnabled: true
            }
        }
    }
}